<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<style type="text/css">
.rbox{display:block}
.rbox *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:##76a8df}
.rbox1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #bed3eb;
  border-right:1px solid #bed3eb;
  background:#95bbe4}
.rbox2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #e8edf2;
  border-right:1px solid #e8edf2;
  background:#8eb6e3}
.rbox3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #8eb6e3;
  border-right:1px solid #8eb6e3;}
.rbox4{
  border-left:1px solid #bed3eb;
  border-right:1px solid #bed3eb}
.rbox5{
  border-left:1px solid #95bbe4;
  border-right:1px solid #95bbe4}
.rboxfg{
	margin:0; border-left:2px solid #76a8df;  border-right:2px solid #76a8df;
  background:##76a8df;}
</style>

</head>
<body>

<div style="width:180px; ">
  <b class="rbox">
  <b class="rbox1"><b></b></b>
  <b class="rbox2"><b></b></b>
  <b class="rbox3"></b>
  <b class="rbox4"></b>
  <b class="rbox5"></b></b>

  <div class="rboxfg">
  是否对？？？<br/>
  dasdsa
    <!-- content goes here -->
  </div>

  <b class="rbox">
  <b class="rbox5"></b>
  <b class="rbox4"></b>
  <b class="rbox3"></b>
  <b class="rbox2"><b></b></b>
  <b class="rbox1"><b></b></b></b>
</div>


</body>
</html>